<template>
  <div id="map" style="width: 100%; height: 500px;"></div>
</template>

<script>
export default {
  name: 'BaiduMap',
  mounted() {
    this.initMap();
  },
  methods: {
    initMap() {
      // 创建地图实例
      const map = new BMap.Map("map");

      // // 创建中心点坐标
      // const point = new BMap.Point(104.0667, 30.6667); // 北京的经纬度

      // // 设置地图的初始视窗
      // map.centerAndZoom(point, 15);

      // // 添加地图控件
      // map.addControl(new BMap.MapTypeControl());
      // map.addControl(new BMap.NavigationControl());
      // map.enableScrollWheelZoom(true);
    },
  },
};
</script>

<style scoped>
/* #map {
  width: 100%;
  height: 500px;
} */
</style>
